# 工具栏扩展

通过工具栏扩展，您可以在工具栏中添加自定义菜单分组，实现个性化工具栏的配置。同时您也可以通过插槽和[页边栏](../aside)实现联动，在页边栏中添加自定义内容，也可以手动控制工具栏的打开和关闭等。

## 默认配置

```js
const defaultOptions = {
  // 工具栏扩展配置
  toolbar: {
    extensions: [],
  },
}
```

## 配置项说明

### toolbar.extensions

**说明**：工具栏菜单分组扩展。

**类型**：`Array`

**默认值**：`[]`

**示例**

```js
extensions: [
  { title: '办公助手', key: 'office' },
  { title: '扩展插件', key: 'plugins' },
]
```

数组中的每一项表示一个分组。

**配置项**

- `title`：分组显示名称。
- `key`：分组唯一标识，是插槽注入的重要依据，不允许和默认分组标识重复，不可设置值包括：`base` 、`insert` 、`table` 、`tools` 、`page` 、`export`。

**插槽配置项**

插槽设置和标准的工具栏插槽格式相同，其中标识为`#toolbar_{key}` 依据配置项中`key`值的不同来处理。

其他工具栏插槽配置见[插槽列表](../slots)。

**示例**

```vue
<template #toolbar_office="props">
  <span>toolbar_office slot：{{ props }}</span>
</template>
<template #toolbar_plugins="props">
  <span>toolbar_plugins slot：{{ props }}</span>
</template>
```